<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
 				xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
  				xmlns:c="http://java.sun.com/jstl/core" xmlns:p="http://primefaces.org/ui"
  				template="/Administrador/Principal/MasterPage.xhtml">
  				
  	<ui:define name="head">	
	<script type="text/javascript" src="#{request.contextPath}/javascript/ValidacionUtil.js"></script>	
    </ui:define>
    
    <ui:define name="body">
		<h:form id="frmReglas">
			<p:panel id="pnlListarFuentes">
			<f:facet name="header">
				<h:panelGrid columns="1" 
					cellpadding="3" 
					cellspacing="3" 
					columnClasses="pnlTitle !important">
  					<h:outputLabel  value="#{label['default.label.administrarReglas.pnlTitulo']} "  
  						styleClass="title2 !important"/>	
    				<h:outputLabel   value="APP #{reglaBean.strCabecera}"  
    					styleClass="subTitle !important"  />	
  				</h:panelGrid>
			</f:facet>
			<p:fieldset id="fsCriteriosBusqueda" 
				legend="#{label['default.label.administrarFuentes.fsCriteriosBusqueda']}" 
				style="width:96%;">
			<h:panelGrid columns="4" 
				cellpadding="3" 
				cellspacing="3" 
				columnClasses="anchoGeneralInputText2, anchoGeneralColumnInput, anchoGeneralInputText2, anchoGeneralColumnInput">
				<h:outputLabel id="lblNombreReglaVO" 
					value="#{label['default.label.administrarReglas.lblNombre']}:"  
					styleClass="anchoGeneralInputText2"  />			
				<p:inputText id="txtNombreReglaVO" 
					styleClass="anchoGeneralColumnInput"  
					maxlength="100"  
					onkeypress="return formatoNombresDescripciones(event);" 
					value="#{reglaBean.reglaVO.nombre}"/>			
				<h:outputLabel id="lblNombreReglaGuvnorVO" 
					value="#{label['default.label.administrarReglas.lblNombreGuvnor']}:" 
					styleClass="anchoGeneralInputText2"  />			
				<p:inputText id="txtNombreReglaGuvnorVO" 
					styleClass="anchoGeneralColumnInput"  
					maxlength="100"  
					onkeypress="return formatoNombresDescripciones(event);" 
					value="#{reglaBean.reglaVO.nombreGuvnor}"/>
			</h:panelGrid>
			<p:spacer width="10"/>
				<div class="posicionBotones">
		  			<p:commandButton  value="#{label['default.label.btnBuscar']}" 
		  				action="#{reglaBean.buscar}" 
		  				update="frmReglas:tblReglas"/>		
	  				<p:spacer width="5"/>
	  				<p:commandButton  value="#{label['default.label.btnLimpiar']}" 
	  					action="#{reglaBean.limpiar}" 
	  					update="frmReglas:tblReglas frmReglas" 
	  					onclick="tblReglas.getPaginator().setPage(0);"/>
	  				<p:spacer width="5"/>
	  				<p:commandButton  value="#{label['default.label.btnNuevo']}"    
	  					action="#{reglaBean.cargarValores(1)}" />
	  				<p:spacer width="5"/>
	  			</div>	
	  	</p:fieldset>
	  	<p:spacer width="10"/>
	  	<p:fieldset id="fsResultadosBusqueda" 
	  		legend="#{label['default.label.administrarFuentes.fsResultadosBusqueda']}" 
	  		style="width:96%;">
			<p:spacer width="5"/>
			<p:dataTable id="tblReglas"  
				value="#{reglaBean.listaRelglasDTO}" 
				var="reglaDTO" 
				paginator="true" 
				rows="10"
		   		rowIndexVar = "rowInfo" 
		   		lazy="true" 
		   		dynamic="true" 
		   		widgetVar="tblReglas"
		   		emptyMessage="#{label['default.emty.busqueda']}"
		   		paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
		   		currentPageReportTemplate="{startRecord} - {endRecord} de {totalRecords}" 
				rowKey="reglaDTO.idRegla">   		   			
	  	      	<p:column style="width:6%; text-align: center;" >
					<f:facet name="header">  
						<h:outputText value="#{label['default.label.administrarReglas.lblItem']}" />  
					</f:facet>  
					<h:outputText value="#{reglaDTO.item}" />						
				</p:column>	
				<p:column style="width:30%;">
					<f:facet name="header" >  
					      <h:outputText value="#{label['default.label.administrarReglas.lblNombre']}" />  
					</f:facet>  
					<h:outputText value="#{reglaDTO.nombre}" />						
				</p:column>
				<p:column style="width:30%;">
	   				<f:facet name="header" >  
					      <h:outputText value="#{label['default.label.administrarReglas.lblNombreGuvnor']}" />  
					</f:facet>  
					<h:outputText value="#{reglaDTO.nombreGuvnor}" />						
				</p:column>
				<p:column style="width:10%">
				   	<f:facet name="header">  
						<h:outputText value="#{label['default.label.administrarReglas.lblAcciones']}" /> 
					</f:facet>  
					<p:spacer width="5"/>
					<h:panelGrid columns="4" 
						cellpadding="0" 
						cellspacing="0" 
						columnClasses="icono, hidden,icono,hidden,icono,hidden">
						<p:commandLink id="btnEditar"  
							action="#{reglaBean.cargarValores(2)}" >
							<p:graphicImage value="/imagenes/icon_edit.png"  
								alt="#{label['default.label.tooltip.btnEditar']}" />
								<f:setPropertyActionListener target="#{reglaBean.idReglaSeleccionada}" 
									value="#{reglaDTO.idRegla}" />								
						</p:commandLink>
						<p:tooltip for="btnEditar" 
							value="#{label['default.label.tooltip.btnEditar']}" 
							showEffect="fade" 
							hideEffect="fade" />
						<p:commandLink id="btnEliminar" 
							onclick="dialogEliminar.show()" >
							<p:graphicImage value="/imagenes/icon_delete.png"  
								alt="#{label['default.label.tooltip.btnEliminar']}"/>
								<f:setPropertyActionListener target="#{reglaBean.idReglaSeleccionada}" 
									value="#{reglaDTO.idRegla}" />								
						</p:commandLink>
						<p:tooltip for="btnEliminar" value="#{label['default.label.tooltip.btnEliminar']}" 
							showEffect="fade" 
							hideEffect="fade" />	
						</h:panelGrid>				
					</p:column>
	  	      	 	</p:dataTable>
	  	      	 	<p:spacer width="10"/>
					<div class="posicionBotones">
		  				<p:commandButton  value="#{label['default.label.btnAtras']}" 
		  					action="#{reglaBean.irAtras}" />
		  			</div>
				</p:fieldset>	
				<p:spacer width="10"/>
			</p:panel>
	
			<p:dialog id="dialogEliminar"  style="width:400px!important;top:250px !important;"   
				widgetVar="dialogEliminar" 
				modal="true" 
				header="#{label['default.label.titulo.eliminar']}">
				<div style="text-align: center;vertical-align:middle; width: 100%; height: auto; padding-bottom: 10px;">
					<h:outputText value="#{label['default.label.pregunta.eliminar']}" />	
				</div> 
				<div style="text-align: center; width: 100%;vertical-align:middle; height: 25px">
					<p:commandButton  actionListener="#{reglaBean.eliminar}"
						value="#{label['default.label.si']}"				                			 
						onclick="dialogEliminar.hide()" 
						update="frmReglas:tblReglas">
					</p:commandButton>
					<p:commandButton  value="#{label['default.label.no']}" 
						onclick="dialogEliminar.hide()" type="button" />   
				</div>
			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>
